<template>
  <div class="buy" >
    <dz-nav>
      <template #center>
        <b v-color>Buy</b>
      </template>
    </dz-nav>
    <div class="box-btn">
      <dz-buy-card v-for="(item,index) in list" :key="index" :item="item"></dz-buy-card>
    </div>

  </div>
</template>

<script>
  import {vipMessage} from "@/api/apiFox";

  export default {
    data(){
      return{
        list:[]
      }
    },
    methods:{
      getList(){
        vipMessage().then(res=>{
          console.log(res)
          this.list = res
        }).catch(err=>{})
      }
    },
    mounted() {
      this.getList()
    }
  }
</script>

<style scoped lang="scss">
.buy{
  width: 100%;
  min-height: 100vh;
  background: url("@/assets/images/bg-Buy.jpg") no-repeat;
  background-size: cover;
  padding: 0 0 100px 0;
  .box-btn{
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
</style>